<div class="card text-bg-info mb-3" style="max-width: 30rem;margin-top: 5%;">
    <div class="card-header h2">本站信息</div>
    <div class="card-body">
        <h3 class="card-title">用途</h3>
        <p class="card-text">本站用于学习各种没事的制作方式，有心意的菜谱可以收藏一边之后反复学习，也可以发表一些个人自制的美食食谱。</p>
    </div>
    <div class="card-body">
        <h3 class="card-title">功能</h3>
        <div class="card-body">
            <h4 class="card-title">查看</h4>
            <p class="card-text">主页面可以总览本站所有菜谱，可进行<i style="color: red;">分类</i>、<i style="color: red;">收藏</i>、<i
                    style="color: red;">搜索</i>来查找自己需要的菜谱</p>
        </div>
        <div class="card-body">
            <h4 class="card-title">发布</h4>
            <p class="card-text">在首页点击又上角按钮，点击<b>我的</b>><b>我要发布</b>，在页面中输入菜品的做法点击<i
                    style="color: red;">发布</i>即可，您也可以在我的发布中查看<i style="color: red;">往期发布</i>的食谱或进行<i
                    style="color: red;">删除</i>></p>
        </div>